<!--
 * @Author: chunlai
 * @Date: 2023-12-19 16:53:03
 * @LastEditTime: 2025-09-02 16:14:11
 * @LastEditors: minsheng_insurance_agency_zhoucl
 * @FilePath: \02.bldinsure\src\views\healthy\lists\AutoNotice.vue
 * @Description: 智能告知
-->
<template>
  <div class="healthy-lists">
    <div class="notice-mode-head">
      <div class="head-box">请逐个阅读并如实填写以下告知</div>
    </div>
    <div class="notice_box">
      <div class="notice_item">
        <span class="item_label">智能告知</span>
        <div class="flex-end" @click="showAction()">
          <span class="font1" v-if="status == '0'">已通过</span>
          <span class="font3" v-else-if="status == '1'">未通过</span>
          <span class="font2" v-else>待填写</span>
          <span class="ms-row-icon ml4"></span>
        </div>
      </div>
    </div>
    <div class="refresh-mode" @click="getNoticeStatus">
      <MsImgIcon size="14" name="refresh" class="mr6" /> 刷新查看告知填写进度
    </div>
    <FooterBtns btnNum="1" rightText="下一步" @saveForm="nextStep" />
    <ShareMask @close="showMask = false" v-if="showMask" />
  </div>
</template>

<script>
import { autoNoticeMixin } from "@/mixins/notice";
import ShareMask from "@/views/prenotice/components/ShareMask";

export default {
  name: "AutoNotice",
  components: { ShareMask },
  data() {
    return {};
  },
  computed: {},
  watch: {},
  mixins: [autoNoticeMixin],
  created() {},
  mounted() {},
  methods: {
    toNextStep() {
      this.$router.push("/files");
    },
  },
};
</script>
<style lang="less" scoped>
.notice_box {
  padding: 0 12px;
  min-height: 40px;
}

.notice_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 40px;
  background-color: #fff;
  margin-bottom: 10px;
  border-radius: 10px;
  padding: 0 10px;
  font-size: 15px;

  &:active {
    opacity: 0.7;
  }

  .item_label {
    line-height: 1;
    b {
      color: #ff8d1a;
      font-weight: 400;
    }
  }

  .font1 {
    color: #43cf7c;
  }

  .font2 {
    color: #a6a6a6;
  }
  .font3 {
    color: #d44438;
  }
}
</style>
